.bodyer{
  position: relative;
  .dynamic{
    width:100%;
    display: none;
    position: absolute;
    top:0;
  }
  .user-data{
    display: none;
    width:100%;
    position: absolute;
    top:0;
    .px2rem(padding-bottom,204);
    .data-list{
      .px2rem(padding-left,26);
      .px2rem(padding-right,26);
      .px2rem(height,84);
      .px2rem(line-height,84);
      .px2rem(font-size,26);
      border-bottom: 1px solid #cccccc;
      .title{
        .px2rem(width,126);
        display: block;
        float: left;
        color: #666666;
      }
    }
    .signature{
        height:auto;
        .px2rem(line-height,54);
        .px2rem(padding-top,16);
        .px2rem(padding-bottom,16);
        .date{
        float: left;
          .px2rem(max-width,430);
      }
    }
    .data-add{
        display: block;
      position: fixed;
      bottom:0;
      border-top:1px solid #e2e0e0;
      background: #f3f3f3;
      .px2rem(height,78);
      width:100%;
      .px2rem(line-height,78);
      .px2rem(font-size,28);
      text-align: center;
      img{
        .px2rem(height,40);
        .px2rem(width,40);
        vertical-align: middle;
        margin-top: -4px;
      }
    }
  }
  .con-show{
    display: block;
  }
}
.tab{
  .px2rem(height,80);
  .px2rem(line-height,80);
  .px2rem(padding-left,100);
  .px2rem(padding-right,100);
  border-bottom: 1px solid #eaeaea;
  //display:flex;
  //justify-content:space-between;
  .tab-son{
    display: block;
    .px2rem(font-size,30);
    color: #000000;
    text-align: center;
    .p{
      display: inline-block;
      .px2rem(height,76);
    }
    .show{
      border-bottom: 3px solid #d53c3e;
    }
  }
}
